<script>
import Test22Chacao from './components/Test22Chacao.vue'

export default {
  components: {
    Test22Chacao
  },
  data() {
    return {
      str: '父组件数据'
    }
  }
}
</script>

<template>
  <Test22Chacao>
    <!--
    不指定插槽
    v-slot="obj":定义插槽对象可以获取插槽内的属性
    -->
    <template v-slot="obj">
      <!-- obj.a:获取子组件在插槽内定义的属性-->
      <p>父组件内容：{{ str }}，子组件内容：{{ obj.a }}</p>
    </template>
    <!--
    cc1:指定此布局放到子组件的那个插槽内
    obj：定义插槽对象，可以获取插槽内的属性
    -->
    <template v-slot:cc1="obj">
      <p>父组件内容：{{ str }}，子组件内容：{{ obj.a }}</p>
    </template>
  </Test22Chacao>

</template>
